<div class="multi-page">
    <div v-if="innerPage.hasTop" class="multi-page-header">
        <ul class="multi-page-nav-ul">
            <li v-bind:class="{'active':page.active==true}" class="multi-page-nav-ul-li-each" v-for="(page,index) in innerPage.pages"
                v-on:click.stop="pageNavClick(page)">
                {{page.menuName}}
                <i class="fa fa-times-circle" v-on:click.stop="pageNavClose(page)"></i>
            </li>
        </ul>

    </div>
    <div class="multi-page-content">
        <iframe v-show="page.active" v-for="(page,index) in innerPage.pages" class="J_iframe" :name="'iframe_'+index" width="100%"
            height="100%" v-bind:src="page.url" frameborder="0" v-bind:data-id="page.url" seamless></iframe>
    </div>
</div>